<template>
	<a-modal v-model:visible="visible" v-bind="$attrs">
        <slot></slot>
		<template #footer>
            <a-button @click="close">取消</a-button>
            <slot name="footer">
            </slot>
        </template>
	</a-modal>
</template>

<script setup lang="ts">
const visible = ref(false)
const open = () => {
	visible.value = true
}
const close = () => {
	visible.value = false
}
defineExpose({
    open,
    close
})
</script>

<style scoped></style>
